/*
 * Copyright (c) 2012, 2015, Oracle and/or its affiliates. All rights reserved.
 * ORACLE PROPRIETARY/CONFIDENTIAL. Use is subject to license terms.
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 */

/*******************************************************************************
 *                                                                             *
 * CSS Styles for embedded devices. These styles either override or            *
 * supplement those in caspian.css                                             *
 *                                                                             *
 ******************************************************************************/

/*******************************************************************************
 *                                                                             *
 * PopupMenu                                                                   *
 *                                                                             *
 ******************************************************************************/

.context-menu .text-input-context-menu {
    -fx-background-color: transparent;
    -fx-background-radius: 0;
    -fx-padding: 0;
}

.context-menu .text-input-context-menu .button {
    -fx-background-radius: 0;
    -fx-background-color: derive(-fx-color,-40%);
    -fx-text-fill: white;
}

.context-menu .text-input-context-menu .pointer {
    -fx-background-color: derive(-fx-color,-40%);
    -fx-padding: 6px;
    -fx-shape: "M 6 0 L 12 12 L 0 12 z";
    -fx-scale-shape: true;
}


/*******************************************************************************
 *                                                                             *
 * ScrollBar                                                                   *
 *                                                                             *
 ******************************************************************************/

.scroll-bar:horizontal,
.scroll-bar:horizontal:focused,
.scroll-bar:vertical,
.scroll-bar:vertical:focused {
    -fx-background-color: transparent;
}
.scroll-bar:horizontal > .track {
   -fx-opacity: 50%;
   -fx-background-color: linear-gradient(to bottom, derive(-fx-base,-3%), derive(-fx-base,5%) 50%, derive(-fx-base,-3%));
   -fx-background-insets: 0;
}
.scroll-bar:vertical > .track {
   -fx-opacity: 50%;
   -fx-background-color: linear-gradient(to right, derive(-fx-base,-3%), derive(-fx-base,5%) 50%, derive(-fx-base,-3%));
   -fx-background-insets: 0;
}
.scroll-bar > .thumb {
   -fx-background-color: derive(-fx-outer-border,-30%), -fx-body-color;
   -fx-background-radius: 2, 1;
}
.scroll-bar:vertical > .thumb {
   -fx-background-color: derive(-fx-outer-border,-30%), -fx-body-color-to-right;
}


/*******************************************************************************
 *                                                                             *
 * ListView, TreeView, TableView, TreeTableView, ScrollPane, TextArea          *
 *                                                                             *
 ******************************************************************************/
.list-view > .virtual-flow > .corner,
.tree-view > .virtual-flow > .corner,
.table-view > .virtual-flow > .corner,
.tree-table-view > .virtual-flow > .corner,
.scroll-pane > .corner {
    -fx-opacity: 50%;
    -fx-background-color: derive(-fx-base,5%);
}
.list-view > .virtual-flow > .corner,
.tree-view > .virtual-flow > .corner,
.table-view > .virtual-flow > .corner,
.tree-table-view > .virtual-flow > .corner{
    -fx-background-insets: 0;
}
.text-area > .scroll-pane > .corner {
    -fx-background-radius: 0;
}
.scroll-pane > .scroll-bar:vertical {
    -fx-padding: 1 1 1 0;
}
.scroll-pane > .scroll-bar:horizontal {
    -fx-padding: 0 1 1 1;
}
.list-view > .virtual-flow > .scroll-bar:vertical,
.tree-view > .virtual-flow > .scroll-bar:vertical,
.table-view > .virtual-flow > .scroll-bar:vertical,
.tree-table-view > .virtual-flow > .scroll-bar:vertical,
.list-view > .virtual-flow > .scroll-bar:horizontal,
.tree-view > .virtual-flow > .scroll-bar:horizontal,
.table-view > .virtual-flow > .scroll-bar:horizontal,
.tree-table-view > .virtual-flow > .scroll-bar:horizontal {
    -fx-padding: 0;
}



/*******************************************************************************
 *                                                                             *
 * TextField, PasswordField, TextArea                                                                   *
 *                                                                             *
 ******************************************************************************/

.text-field {
    -fx-padding: 6 5 6 5; /* Adding 3px to top and bottom for handles */
}

.caret-handle {
    -fx-background-color: transparent,
                          black /*#ACACAC*/,
                          linear-gradient(to bottom, #AFAFAF 0%, #DFDFDF 100%);
    -fx-background-insets: -4 -18 -8 -18, 0, 1;
    -fx-shape: "M11.974,2.579L20,12.358V20H4V12.356L11.974,2.579z";
/*
    -fx-shape: "M11.972,1L3,12v17h18V12L11.972,1L11.972,1z";
    -fx-padding: 0.375em 0.291em 0.375em 0.291em;
*/
    -fx-padding: 0.32em 0.3em 0.32em 0.3em;
    -fx-cursor: hand;
}



.selection-handle {
    -fx-background-color: transparent,
                          #0071bc /*-fx-accent*/,
                          linear-gradient(to bottom, #0063AA 0%, #008AED 100%);
    -fx-background-insets: -4 -18 -8 -18, 0, 1;
    -fx-shape: "M10.974,2.579L19,12.358V20H3V12.356L10.974,2.579z";
/*
    -fx-shape: "M10.972,1L2,12v17h18V12L10.972,1L10.972,1z";
    -fx-padding: 0.375em 0.291em 0.375em 0.291em;
*/
    -fx-padding: 0.32em 0.3em 0.32em 0.3em;
    -fx-cursor: hand;
}


/*******************************************************************************
 *
 * 2-level focus setting.
 * The visuals aren't ready yet, so currently these are just placeholders.
 *
 ******************************************************************************/

.choice-box:focused:external-focus {
    -fx-background-color: -fx-focus-color, -fx-outer-border, -fx-inner-border, -fx-body-color;
}
.choice-box:focused:showing {
    -fx-background-color: -fx-shadow-highlight-color, -fx-outer-border, -fx-inner-border, -fx-body-color;
}
.choice-box:focused:internal-focus {
    -fx-background-color: -fx-shadow-highlight-color, -fx-outer-border, -fx-inner-border, -fx-body-color;
}


.slider {
    -fx-background-color: -fx-shadow-highlight-color, -fx-text-box-border, -fx-control-inner-background;
    -fx-background-color: transparent;
    -fx-background-insets: 0, 1, 2;
    -fx-background-radius: 3, 2, 2;
    -fx-padding: 3 5 5 5;
}
.slider:focused:external-focus {
    -fx-background-color: -fx-focus-color, -fx-text-box-border, -fx-control-inner-background;
    -fx-background-insets: -0.4, 1, 2;
    -fx-background-radius: 3.4, 2, 2;
    -fx-prompt-text-fill: transparent;

}
.slider:focused:internal-focus {
    -fx-background-color: transparent;
}
.slider:focused:external-focus > .thumb {
    -fx-focus-color: transparent;
}


.text-field:focused:external-focus {
    -fx-background-color: -fx-focus-color, -fx-text-box-border, -fx-control-inner-background;
    -fx-prompt-text-fill: derive(-fx-control-inner-background,-30%);
}
.text-field:focused:external-focus .caret-handle {
    -fx-background-color: transparent;
}
.text-field:focused:external-focus .selection-handle {
    -fx-background-color: transparent;
}
.text-field:focused:internal-focus {
    -fx-background-color: -fx-shadow-highlight-color, -fx-text-box-border, -fx-control-inner-background;
    -fx-prompt-text-fill: transparent;
}



.password-field:focused:external-focus {
    -fx-background-color: -fx-focus-color, -fx-text-box-border, -fx-control-inner-background;
    -fx-prompt-text-fill: derive(-fx-control-inner-background,-30%);
}
.password-field:focused:external-focus .caret-handle {
    -fx-background-color: transparent;
}
.password-field:focused:external-focus .selection-handle {
    -fx-background-color: transparent;
}
.password-field:focused:internal-focus {
    -fx-background-color: -fx-shadow-highlight-color, -fx-text-box-border, -fx-control-inner-background;
}


.text-area:focused:external-focus {
    -fx-background-color: -fx-focus-color, -fx-text-box-border, -fx-control-inner-background;
    -fx-prompt-text-fill: derive(-fx-control-inner-background,-30%);
}
.text-area:focused:external-focus .caret-handle {
    -fx-background-color: transparent;
}
.text-area:focused:external-focus .selection-handle {
    -fx-background-color: transparent;
}
.text-area:focused:internal-focus {
    -fx-background-color: -fx-shadow-highlight-color, -fx-text-box-border, -fx-control-inner-background;
    -fx-prompt-text-fill: transparent;
}




.combo-box:focused:external-focus {
    -fx-background-color: -fx-focus-color, -fx-outer-border, -fx-inner-border, -fx-body-color;
}
.combo-box:focused:showing {
    -fx-background-color: -fx-shadow-highlight-color, -fx-outer-border, -fx-inner-border, -fx-body-color;
}
.combo-box:focused:internal-focus {
    -fx-background-color: -fx-shadow-highlight-color, -fx-outer-border, -fx-inner-border, -fx-body-color;
}

